<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <title>找房</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../node_modules/normalize.css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../style/base.css">
    <link rel="stylesheet" type="text/css" href="../style/findHouse.css">
</head>

<body class="find-house" ng-controller="findHouse">
    <div>
        <header>
            <a href="search.html"><img src="../images/find/big_mirror.png" alt="" class="left header-search" ng-click=""></a>
            <div class="find-tab">
                <span class="shop" ng-click="toProducer('shop')" ng-class="{active: tab==1 || houseId =='shop' }">商铺</span>
                <span class="write" ng-click="toProducer('xiezijian')" ng-class="{active:houseId =='xiezijian'}">写字间</span>
                <span class="gongyu" ng-click="toProducer('gongyu')" ng-class="{active:tab==3 || houseId =='gongyu'}">公寓</span>
            </div>
            <img src="../images/find/small_view.png" alt="" class="right max-header-list" ng-click=" onClickList(2)" ng-show="list==1">
            <img src="../images/find/big_view.png" alt="" class="right max-header-list " ng-click="onClickList(1)" ng-show="list==2">
        </header>
        <div class="height50"></div>
    </div>
    <div class="shop-find" ng-show=" tab==1 || houseId =='shop'" id="shop_find">
        <section class="find-content-max" ng-show="list==1" ng-repeat="shop in shop" ng-click="toDetail(event)">
            <img src="{{shop.shopImg}}" class="img-max-content">
            <img src="../images/find/greyheart.png" class="dislike" ng-class="{'dislike1':indexa}" ng-click="likeHouse('like'+indexa)" stop-event="click">
            <img src="../images/find/redheart.png" class="like hide" ng-class="{'like1':indexa}" ng-click="likeHouse('dislike'+indexa)" stop-event="click">
            <div class="rent-sale">
                <img src="../images/find/rent.png" class="rent" ng-show="{{shop.shopRent}}">
                <img src="../images/find/sale.png" class="sale" ng-show="{{shop.shopSale}}">
            </div>
            <div class="detail">
                <span class="title">{{shop.shopName}}</span>
                <span class="right"><span class="color-red">{{shop.shopRentMoney}}</span> 元/天/平方米</span>
                <br>
                <span class="address color-light"> <img src="../images/find/location_yellow.png">{{shop.shopAddress}}</span>
                <span class="right color-light">面积:{{shop.shopMianji}}m<sup>2</sup></span>
            </div>
        </section>
        <section class="find-content-min" ng-show="list==2" ng-repeat="shop in shop" ng-click="toDetail()">
            <img src="{{shop.shopImg}}" class="img-min-content left">
            <div class="min-detail">
                <p class="min-title">{{shop.shopName}} <img src="../images/find/grey_heart.png" class="right h16" stop-event="click"></p>
                <span class="min-address color-light">{{shop.shopAddress}}
                    <span class="right color-light">面积:{{shop.shopMianji}}m<sup>2</sup></span>
                </span>
                <p class="color-light mb10">租 | <span class="color-red">{{shop.shopRentMoney}}</span>元/天/平米</p>
                <p class="color-light">售 | <span class="color-red">{{shop.shopSaleMoney}}</span>元/平米</p>
            </div>
        </section>
    </div>
    <div class="xiezijian-find" ng-show="houseId =='xiezijian'" id="xiezijian_find">
        <section class="find-content-max" ng-show="list==1" ng-repeat="xiezijian in xiezijian">
            <img src="{{xiezijian.shopImg}}" class="img-max-content">
            <img src="../images/find/greyheart.png" class="dislike">
            <div class="rent-sale">
                <img src="../images/find/rent.png" class="rent" ng-show="{{xiezijian.shopRent}}">
                <img src="../images/find/sale.png" class="sale" ng-show="{{xiezijian.shopSale}}">
            </div>
            <div class="detail">
                <span class="title">{{xiezijian.shopName}}</span>
                <span class="right"><span class="color-red">{{xiezijian.shopRentMoney}}</span> 元/天/平方米</span>
                <br>
                <span class="address color-light"> <img src="../images/find/location_yellow.png">{{xiezijian.shopAddress}}</span>
                <span class="right color-light">面积:{{xiezijian.shopMianji}}m<sup>2</sup></span>
            </div>
        </section>
        <section class="find-content-min" ng-show="list==2" ng-repeat="xiezijian in xiezijian" ng-click="toDetail()">
            <img src="{{xiezijian.shopImg}}" class="img-min-content left">
            <div class="min-detail">
                <p class="min-title">{{xiezijian.shopName}} <img src="../images/find/grey_heart.png" class="right h16" stop-event="click"></p>
                <span class="min-address color-light">{{xiezijian.shopAddress}}
                <span class="right color-light">面积:{{xiezijian.shopMianji}}m<sup>2</sup></span>
                </span>
                <p class="color-light mb10">租 | <span class="color-red">{{xiezijian.shopRentMoney}}</span>元/天/平米</p>
                <p class="color-light">售 | <span class="color-red">{{xiezijian.shopSaleMoney}}</span>元/平米</p>
            </div>
        </section>
    </div>
    <div class="gongyu-find" ng-show="houseId =='gongyu'" ng-click="toDetail()">
        <section class="find-content-max" ng-show="list==1" ng-repeat="gongyu in gongyu">
            <img src="{{gongyu.shopImg}}" class="img-max-content">
            <img src="../images/find/greyheart.png" class="dislike">
            <div class="rent-sale">
                <img src="../images/find/rent.png" class="rent" ng-show="{{gongyu.shopRent}}">
                <img src="../images/find/sale.png" class="sale" ng-show="{{gongyu.shopSale}}">
            </div>
            <div class="detail">
                <span class="title">{{gongyu.shopName}}</span>
                <span class="right"><span class="color-red">{{gongyu.shopRentMoney}}</span> 元/天/平方米</span>
                <br>
                <span class="address color-light"> <img src="../images/find/location_yellow.png">{{gongyu.shopAddress}}</span>
                <span class="right color-light">面积:{{gongyu.shopMianji}}m<sup>2</sup></span>
            </div>
        </section>
        <section class="find-content-min" ng-show="list==2" ng-repeat="gongyu in gongyu" ng-click="toDetail()">
            <img src="{{gongyu.shopImg}}" class="img-min-content left">
            <div class="min-detail">
                <p class="min-title">{{gongyu.shopName}} <img src="../images/find/grey_heart.png" class="right h16" stop-event="click"></p>
                <span class="min-address color-light">{{gongyu.shopAddress}}
                <span class="right color-light">面积:{{gongyu.shopMianji}}m<sup>2</sup></span>
                </span>
                <p class="color-light mb10">租 | <span class="color-red">{{gongyu.shopRentMoney}}</span>元/天/平米</p>
                <p class="color-light">售 | <span class="color-red">{{gongyu.shopSaleMoney}}</span>元/平米</p>
            </div>
        </section>
    </div>
    <div class="find-select">
        <a href="findMap.html">
            <img src="../images/find/find_location.png" class="map-find"></a>
        <a href="findSelectHouse.html"><img src="../images/find/find_choose.png" class="search-find right"></a>
    </div>
    <!-- 底部导航 -->
    <div>
        <div class="index-footnav">
            <ul class="clearfix">
                <a href="../index.html" ng-show="!houseIndex">
                    <li>
                        <img src="../images/index/tab_huoban_not.png" alt="" />
                        <span>首页</span>
                    </li>
                </a>
                <li ng-show="houseIndex" ui-sref="producers">
                    <img src="../images/index/tab_huoban_not.png" alt="" />
                    <span>首页</span>
                </li>
                <a href="javascript:void(0)">
                    <li>
                        <img src="../images/index/tab_findhouse_select.png" alt="" />
                        <span class="color-blue">找房</span>
                    </li>
                </a>
                <a href="service.html">
                    <li>
                        <img src="../images/index/tab_service_not.png" alt="" />
                        <span>服务</span>
                    </li>
                </a>
                <a href="myIndex.html">
                    <li>
                        <img src="../images/index/tab_me_not.png" alt="" />
                        <span>我的</span>
                    </li>
                </a>
            </ul>
        </div>
        <div class="h50"></div>
    </div>
    <!-- // 底部导航 -->
</body>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-ui-router.js"></script>
<script type="text/javascript" src="../js/address.js"></script>
<script type="text/javascript" src="../js/main.js"></script>

</html>
